// import { CHART_COLORS } from './color'
// const pieces = Array.from({ length: 3 }, (_, i) => {
//   return {
//     value: i + 1,
//     label: `cluster ${i + 1}`,
//     color: CHART_COLORS[i],
//   }
// })

export const scatter3DBaseOptions = {
  // 图表标题
  title: [
    {
      text: 'Visuallization',
      textStyle: {
        'fontSize': 14,
        // 'color': '#FF8200',
        'font-weight': 500,
      },
      left: 10,
      top: 10,
    },
  ],
  // dataset: {
  //   dimensions: [],
  //   source: [],
  // },
  // 图表类型，3D散点图
  series: [
    {
      type: 'scatter3D',
      // 点大小
      symbolSize: 10,
      // 控制点的透明度
      itemStyle: {
        opacity: 0.8,
      },
      // encode: {},
    },
  ],
  // 旋转3D图表
  grid3D: {
    top: -20,
    boxWidth: 80,
    boxDepth: 80, // 图件长 横向
    // boxWidth: 60, // 图件宽 纵向
    // boxHeight: 122, // 图件高 竖直
  },
  xAxis3D: { name: 'X' },
  yAxis3D: { name: 'Y' },
  zAxis3D: { name: 'Z' },
  tooltip: {},
  visualMap: {
    // type: 'piecewise',
    // min: 1,
    // max: 3,
    // splitNumber: 3,
    // pieces,
    left: 20,
    bottom: 20,
    // data数组中第4列数据映射到视图上
    // dimension: 3,
    // calculable: true,
    // realtime: false,
    // show: false,
    // inRange: {
    //   color: CHART_COLORS,
    // },
  },
}
